<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../dist/css/heard.css">
    <link rel="stylesheet" href="../dist/css/scss.css">
    <script src="../static/libs/javascripts/jQuery.js"></script>
    <title>Document</title>
</head>
<body>
    <div class="logo">
        <div class="logo_left">附近门店</div>
        <div class="logo_cen"><img class="fl"
                src="https://gdp.alicdn.com/imgextra/i3/693060164/TB25ioRc9BjpuFjSsplXXa5MVXa_!!693060164.png"></div>
        <div class="logo_right"><input class="ipt" type="text" placeholder="大闹天宫"><span><img
                    src="../static/images/img_xiaotu/Y67VIK0)PQVBDR~2(E[@9XT.png" alt=""></span></div>
    </div>
    <!-- //导航条 -->
    <div class="nav">
        <div class="nav_1">
            <ul class="navs">
                <a href="./index.html"><li>首页</li></a>
                <li>2021夏季热卖</li>
                <li>明星同款</li>
                <li>IP联名</li>
                <li>国民珍品</li>
                <li>2021秋季新品</li>
            </ul>
        </div>
    </div>

    <!-- //下面是渲染部分 -->
   
    <div class="container">
        <div class="list_left">
        <ul class="lis">
            <li class="lis_1">
             <h4 class="num">
                <a href="./liebiao.html">查看所有宝贝</a> 
             </h4>
             <ul class="uls">
                <a class="lis" sortind="global">按综合</a>
                 <a class="lis" sortind="sales">按销量</a>
                 <a class="lis" sortind="isNew">按新品</a>
                 <a class="lis" sortind="priceDesc">按价格</a>
             </ul>
            </li>
            <li class="lis_2">
             <h4 class="num_2">
                2021夏季热卖
             </h4>
             <ul class="uls_2">
                 <li class="cat snd-cat">
                   
                               短袖T恤
                   </li>
                 <li class="cat snd-cat">
                   
                                POLO
                   </li>
                 
                 <li class="cat snd-cat">
                   
                                短袖衬衫
                   </li>
                 <li class="cat snd-cat">
                  
                                 长袖衬衫
                   </li>
                         <li class="cat snd-cat">
                  
                                休闲卫衣
                        </li>
                         <li class="cat snd-cat">
                   
                                 休闲中裤
                         </li>
                         <li class="cat snd-cat">
                   
                                 牛仔中裤
                        </li>
                         <li class="cat snd-cat">
                  
                                休闲裤
                         </li>
                                              
             </ul>
            </li>
            <li class="lis_3">
             <h4 class="num_3">
                 其他
             </h4>
             <ul class="uls_3">
                 <li class="cat snd-cat">
                   
                                IP联名款
                 </li>
                 <li class="cat snd-cat">
                   
                            明星同款
                   </h4></li>
                 
                 <li class="cat snd-cat">
                   
                                国民臻品
                   </li>
                 <li class="cat snd-cat">
                 
                                儿童系列
                   </li>
                         <li class="cat snd-cat">
                 
                                上装
                        </li>
                         <li class="cat snd-cat">
                   
                                下装
                         </li>
                        
                                              
         </ul>
            </li>
            <li class="lis_4">
             <h4 class="num_4">
                 2021秋季新品
             </h4>
            </li>
        </ul>
        </div>
        
        <div class="sort">
     <span id="sortByPrice">价格<i></i></span> <span id="sortBySales">销量<i></i></span>
     <div class="fr">
         <span class="len">3/14</span> <span class="prev btn prevBtn">&lt;</span><span class="next btn nextBtn">&gt;</span> 
    </div>
        </div>
       
        <div class="list_right">
       
           <ul>
               <li>
                  
                 <div class="photo"><img src="https://img.hlamall.cn/hntbj2d535a/1622787595325.jpg" alt=""></div>
                  
                   <div class="min_photo">
                     <img  src="https://img.hlamall.cn/hntbj2d535a/1622787595325.jpg" alt="">
                   </div>
                   <div class="price">¥128.00</div>
                   <div class="title">HLA海澜之家防水防油防污短袖T恤2021夏新品三防科技亲肤短袖男HNTBJ2D535A</div>
                   <div class="rates">
                    <span class="sales" style="width: 65px;height: 19px;">总销量：<font>2</font></span>
                   </div>
               </li>
           </ul>
        </div>
    </div>
    <script src="./javascripts/liebiao.js"></script>
    
</body>
</html>